/*
* @Author: song
* @Date:   2017-09-13 13:57:37
* @Last Modified by:  song
* @Last Modified time: 2018-6-26 
*/

@charset "UTF-8";

/*设置默认编码集*/


/*css 初始化 start */

html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
    margin: 0;
    padding: 0;
}


/*各浏览器显示不同，去掉边框等默认样式*/

fieldset,
img,
input,
button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none;
}

a {
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}

input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "PingFangSC";
}

select,
input,
textarea {
    line-height: normal;
    margin: 0;
    font-family: "PingFangSC";
}


/*防止拖动 影响布局*/

textarea {
    resize: none;
}

textarea:focus {
    outline: none;
}


/*去掉行内替换元素空白缝隙*/

img {
    border: 0;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    line-height: 1.42858;
    font-size: 16px;
    font-family: "Hiragino Sans GB", "STHeiti", "Microsoft Yahei";
    color: #4A4A4A;
    min-width: 1200px;
}


/*清除浮动*/

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
    /*IE/7/6*/
}

a {
    color: #4A4A4A;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
}

s,
b,
i,
em {
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}


/* edge的x */

::-ms-clear {
    display: none;
}


/*公共类*/

.w {
    /*版心 提取 */
    width: 1180px;
    margin: 0 auto;
}

.l {
    float: left;
}

.r {
    float: right;
}

.al {
    text-align: left;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.hide {
    display: none;
}

.cursor {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

.bg_white {
    background-color: #fff;
}

.cancel:valid+.search-cancel {
    display: block;
}

.search-cancel {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../img/cancel.png) no-repeat;
    display: none;
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    white-space: nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
}

.icon:before {
    /* 伪元素插入空格文本 */
    content: '\3000';
}

button {
    background: transparent;
}

.r {
    float: right;
}

.al {
    text-align: left;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.c666 {
    color: #666;
}

.c999 {
    color: #999999;
}

.c333 {
    color: #333;
}

.ccc {
    color: #ccc;
}

.cf {
    color: #fff;
}

.cf-half {
    color: rgba(250, 250, 250, .7);
}

.mb5 {
    margin-bottom: 5px;
}

.mb6 {
    margin-bottom: 6px;
}

.mb8 {
    margin-bottom: 8px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mt54 {
    margin-top: 54px;
}

.mt56 {
    margin-top: 56px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb100 {
    margin-bottom: 100px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt60 {
    padding-top: 60px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb60 {
    padding-bottom: 60px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml16 {
    margin-left: 16px;
}

.ml20 {
    margin-left: 20px;
}
.ml120 {
    margin-left: 120px;
}

.mr5 {
    margin-right: 5px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt12 {
    margin-top: 12px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt64 {
    margin-top: 64px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mb64 {
    margin-bottom: 64px;
}

.mt100 {
    margin-top: 100px;
}

.fz10 {
    font-size: 10px;
}

.fz12 {
    font-size: 12px;
}

.fz14 {
    font-size: 14px;
}

.fz16 {
    font-size: 16px;
}

.fz18 {
    font-size: 18px;
}

.fz19 {
    font-size: 19px;
}

.fz20 {
    font-size: 20px;
}

.fz22 {
    font-size: 22px;
}

.fz24 {
    font-size: 24px;
}

.fz30 {
    font-size: 30px;
}

.bold {
    font-weight: bold;
}

.lh2 {
    line-height: 2em;
}

.lh1 {
    line-height: 1.5em;
}

.lh14 {
    line-height: 14px;
}

.lh20 {
    line-height: 20px;
}

.lh22 {
    line-height: 22px;
}

.lh24 {
    line-height: 24px;
}

.lh25 {
    line-height: 25px;
}

.lh26 {
    line-height: 26px;
}

.lh30 {
    line-height: 30px;
}

.lh33 {
    line-height: 33px;
}

.four-oh {
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.t-oh {
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.t-oh h3 {
    font-weight: normal;
}

.s-oh {
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.f-oh {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.br5 {
    border-radius: 5px;
}

header {
    width: 100%;
    background: rgba(255, 212, 38, 1);
    height: 60px;
    position: relative;
}

.head_content {
    width: 1180px;
    margin: 0 auto;
    height: 100%;
    justify-content: space-between;
}

.nav_ul {
    height: 100%;
}

.nav_ul li {
    position: relative;
}

.nav_f_a {
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    line-height: 60px;
    padding: 0 20px;
    display: block;
}

.nav_active {
    background: rgba(38, 38, 38, 1);
    color: rgba(255, 212, 38, 1);
}

.nav_s_ul {
    position: absolute;
    width: 125px;
    top: 60px;
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 4px 4px;
    display: none;
    z-index: 2;
}

.nav_s_a {
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    display: block;
    padding: 0 20px;
    box-sizing: border-box;
    line-height: 44px;
}

.nav_s_ul li {
    position: relative;
    background: #fff;
}

.nav_s_ul li:hover>a {
    background: rgba(255, 212, 38, 1);
}

.nav_t_ul {
    position: absolute;
    width: 96px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 4px 4px;
    left: 125px;
    top: 0;
    display: none
}

.nav_t_ul li {
    width: 100%;
}

.nav_t_a {
    color: #333;
    display: block;
    box-sizing: border-box;
    padding: 0 20px;
    line-height: 44px;
}

.nav_ul>li:hover .nav_s_ul {
    display: block;
}

.nav_s_ul>li:hover .nav_t_ul {
    display: block;
}

.main_top {
    height: 167px;
    background: rgba(247, 247, 247, 1);
    padding-top: 20px;
    box-sizing: border-box;
}

.main_content {
    width: 1180px;
    margin: 0 auto;
}

.banner_openclass {
    width: 100%;
    height: 100px;
    position: relative;
    background: url(../img/banner.png) no-repeat center;
}

.banner_kf {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 50px;
    width: 128px;
    height: 40px;
    background: rgba(255, 255, 255, 1);
    border-radius: 25px;
    text-align: center;
    line-height: 40px;
    color: rgba(104, 185, 174, 1);
}

.crumb a,
.crumb span {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 17px;
}

.open_class_nav>li>a {
    font-size: 16px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 22px;
    padding-bottom: 5px;
}

.open_class_nav_act.open_class_nav_act>a {
    font-weight: 600;
    color: rgba(35, 69, 156, 1);
    border-bottom: 3px solid rgba(35, 69, 156, 1);
}

.classes {
    flex-wrap: wrap;
}

.classes li {
    width: 280px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(237, 237, 237, 1);
}

.classes>li>a {
    display: block;
    position: relative;
}

.classes>li>a>img {
    width: 100%;
}

.classes_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

.classes>li>a:hover .classes_cover {
    display: block;
}

.classes_cover>img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
}

.teacher_detail>img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.teacher_detail span {
    font-size: 12px;
    font-weight: 600;
    color: rgba(74, 74, 74, 1);
    line-height: 17px;
}

.page ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page ul li {
    height: 38px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(240, 240, 240, 1);
    margin-right: 10px;
    width: auto;
}

.page ul li span,
.page ul li a {
    display: block;
    text-align: center;
    line-height: 38px;
    color: rgba(153, 153, 153, 1);
    padding: 0 15px;
}

.page ul li a:hover {
    background: rgba(255, 212, 38, 1);
    color: rgba(0, 0, 0, 1);
}

.page ul .active span {
    background: rgba(255, 212, 38, 1);
    color: rgba(0, 0, 0, 1);
}

.footer_top {
    background: rgba(45, 50, 55, 1);
    padding: 30px 0;
}

.links_tit {
    font-size: 18px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: 25px;
}

.getlinks {
    flex-wrap: wrap
}

.link {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
}

.footer_bottom {
    background: rgba(35, 40, 45, 1);
    padding: 30px 0;
}

.er>Img {
    width: 80px;
}

.tell p span {
    font-size: 12px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 17px;
}

.footer_nav {
    height: 80px;
    flex-flow: column;
    flex-wrap: wrap;
    width: 200px;
}

.footer_nav a {
    font-size: 12px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 17px;
    margin-right: 60px;
}

.other {
    text-align: center;
    padding-top:20px ;
    font-size: 12px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 20px;
}

.other a {
    color: rgba(153, 153, 153, 1);
}

.detail_content {
    background: rgba(46, 46, 53, 1);
}

.video_r {
    flex: 1;
    background: rgba(37, 37, 42, 1);
}

.video_r_top {
    height: 40px;
    background: rgba(37, 37, 42, 1);
    padding: 0 15px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}

.video_r_top span {
    font-size: 16px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 40px;
    cursor: pointer;
}

.v_active.v_active {
    color: rgba(230, 230, 230, 1);
    border-bottom: 1px solid rgba(230, 230, 230, 1);
}

.video_r_box {
    height: 540px;
    overflow-y: auto;
}

.video_r_li {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.video_r_li>a>img {
    width: 96px;
    height: 60px;
    border-radius: 4px 4px 0px 0px;
}

.video_r_li_a {
    width: 164px;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(230, 230, 230, 1);
    line-height: 20px;
}

.video_r_box::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 2px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.video_r_box::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #444;
}

.video_r_box::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: rgba(37, 37, 42, 1);
}

.title_teacher_box {
    width: 800px;
}

.class_title {
    font-size: 20px;
    font-weight: 500;
    color: rgba(230, 230, 230, 1);
    line-height: 28px;
}

.title_teacher {
    width: 800px;
}

.teacher_img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.teacher_name {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 17px;
}

.class_detail_main {
    font-size: 12px;
    font-weight: 400;
    color: rgba(230, 230, 230, 1);
    line-height: 20px;
}

.class_detail_adv {
    width: 301px;
    height: 110px;
    padding: 10px;
    box-sizing: border-box;
    background: linear-gradient(213deg, rgba(73, 123, 203, 1) 0%, rgba(58, 96, 193, 1) 100%);
}

.detail_adv_title {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
}

.detail_adv_content {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
}

.class_detail_adv_l {
    width: 186px;
}

.class_detail_adv_r img {
    width: 80px;
    height: 80px;
}

.tuijian_title {
    font-size: 18px;
    font-weight: 500;
    color: rgba(35, 69, 156, 1);
    line-height: 25px;
    padding-left: 13px;
    position: relative;
}

.tuijian_title::before {
    position: absolute;
    content: "";
    width: 3px;
    height: 14px;
    background: rgba(35, 69, 156, 1);
    border-radius: 2px;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.tj_tab_son {
    width: 84px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    border: 1px solid rgba(230, 230, 230, 1);
    font-size: 12px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.tj_tab_active {
    background: rgba(35, 69, 156, 1);
    color: rgba(255, 255, 255, 1);
}

.tuijian_swiper_box .swiper-slide {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(237, 237, 237, 1);
}

.tuijian_swiper_box .swiper-slide a {
    display: block;
}

.tuijian_swiper_box .swiper-slide a img {
    width: 100%;
}

.swiper_prev,
.swiper_next {
    width: 25px;
    height: 25px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(204, 204, 204, 1);
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}

.box_next {
    justify-content: flex-end;
}

.box_next a {
    font-size: 14px;
    font-weight: 400;
    color: rgba(35, 69, 156, 1);
    line-height: 20px;
}


/* 轮播 */

.top_lun_box {
    position: relative;
}

.top_lun_son {
    position: absolute;
    right: 20px;
    top: 109px;
}

#thumbs {
    width: 137px;
    height: 132px;
}

#thumbs .swiper-slide {
    font-size: 14px;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    padding: 12px 0 12px 20px;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}

#thumbs .swiper-slide-thumb-active {
    background: rgba(255, 212, 38, 1);
    color: rgba(0, 0, 0, 1);
}

.banner_tips {
    height: 153px;
    background: rgba(250, 250, 250, .9);
    border-radius: 0px 0px 8px 8px;
}

.banner_tip {
    flex: 1
}

.banner_tip_tit {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 28px;
}

.banner_tip p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 28px;
    text-align: center;
}


/*个人中心--付费课程*/

.pte_gr {
    background: rgba(247, 247, 247, 1);
}

.pte_gr_main {
    width: 180px;
    height: 254px;
    background: rgba(255, 255, 255, 1);
}

.pte_gr_main li:nth-child(2n) {
    border-bottom: 1px solid rgba(240, 240, 240, 1);
}

.pte_gr_main li:nth-child(n) {
    padding-bottom: 15px;
    padding-top: 15px;
}

.pte_gr_main p {
    height: 24px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 24px;
    padding-left: 25px;
    margin-top: 15px;
    margin-bottom: 20px;
}

.pte_gr_main div {
    border-bottom: 1px solid rgba(240, 240, 240, 1);
}


/* .pte_gr_main p:nth-child(2n){
    border-bottom: 1px solid rgba(240,240,240,1);
} */

.pte_gr_main_bor {
    border-left: 3px solid rgba(255, 212, 38, 1);
    border-radius: 2px;
}

.pte_gr_main a {
    height: 24px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    padding-left: 25px;
}

.pte_gr_rig {
    margin-left: 10px;
}

.pte_gr_right {
    width: 990px;
    height: 61px;
    background: rgba(255, 255, 255, 1);
    justify-content: space-between;
}

.pte_gr_right_al {
    margin-left: 30px
}

.pte_gr_right_al a {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 61px;
    margin-right: 40px;
}

.pte_gr_right_fon.pte_gr_right_fon {
    color: rgba(51, 51, 51, 1);
    border-bottom: 3px solid rgba(255, 212, 38, 1);
    border-radius: 2px;
    padding-bottom: 19px;
}

.pte_gr_right_to {
    margin-right: 30px;
}

.pte_gr_right_to form {
    line-height: 61px;
}

.pte_gr_right_to input {
    width: 213px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid rgba(230, 230, 230, 1);
}

.pte_gr_right_to input::placeholder {
    text-indent: 15px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 17px;
}

.pte_gr_right_to button {
    width: 84px;
    height: 32px;
    background: rgba(240, 240, 240, 1);
    border-radius: 4px;
    border: 1px solid rgba(230, 230, 230, 1);
    margin-left: 15px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 17px;
}

.pte_gr_right2_son {
    width: 100%;
    /* height:188px; */
    background: rgba(255, 255, 255, 1);
    margin-top: 10px;
}

.pte_gr_right2_all {
    padding: 20px 30px;
}

.pte_gr_right2_all_img,
.pte_gr_right2_all_img img {
    width: 236px;
    height: 148px;
}

.pte_gr_right2_tile {
    width: 100%;
}

.pte_gr_right2_til {
    justify-content: space-between;
    width: 100%;
}

.pte_gr_right2_til a {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 25px;
}

.pte_gr_right2_til p {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 17px;
}

.pte_gr_right2_time p {
    font-size: 10px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 14px;
    margin-top: 8px;
}

.pte_gr_right2_time2 {
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 18px;
    margin-top: 2px;
}

.pte_gr_right2_shool {
    margin-top: 26px;
    justify-content: space-between;
}

.pte_gr_right2_hs {
    width: 6px;
    height: 6px;
    background: rgba(255, 212, 38, 1);
    border-radius: 3px;
    position: absolute;
}

.pte_gr_right2_hs2 {
    width: 316px;
    height: 6px;
    background: rgba(255, 212, 38, 1);
    border-radius: 3px;
    position: absolute;
}

.pte_gr_right2_hs3 {
    width: 626px;
    height: 6px;
    background: rgba(255, 212, 38, 1);
    border-radius: 3px;
    position: absolute;
}

.pte_gr_right2_jik {
    width: 626px;
    height: 6px;
    background: rgba(245, 245, 245, 1);
    border-radius: 3px;
}

.pte_gr_right2_shool2 {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 17px;
    margin-top: -5px;
}

.pte_gr_right2_buttom {
    margin-top: 21px;
}

.pte_gr_right2_buttom div {
    width: 88px;
    height: 28px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 14px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 28px;
    margin-left: 88%;
    text-align: center;
}

.pte_gr_right3 {
    width: 100%;
    height: 78px;
    background: rgba(255, 255, 255, 1);
    margin-top: 10px;
}

.pte_gr_right3_all {
    padding-top: 20px;
}

.pte_gr_zk {
    display: none;
    width: 100%;
    height: 556px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(230, 230, 230, 1);
}

.pte_gr_zk_dj {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.pte_gr_zk_dj>a {
    width: 88px;
    height: 28px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 14px;
    text-align: center;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 28px;
    padding: 6px 20px;
}

.pte_gr_zk_al {
    width: 100%;
    height: 468px;
    overflow-y: scroll;
}

.pte_gr_zk_all {
    margin: 5px 30px;
}

.pte_gr_zk_al::-webkit-scrollbar {
    width: 3px;
}

.pte_gr_zk_al::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(153, 153, 153, 1);
    height: 50px;
}

.pte_gr_zk_son {
    align-items: center;
    height: 50px;
}

.pte_gr_zk_son:nth-child(n) {
    border-bottom: 1px solid rgba(240, 240, 240, 1);
}

.pte_gr_zk_son:last-child {
    border-bottom: 0px solid rgba(240, 240, 240, 1);
}

.pte_gr_zk_son_font {
    width: 50px;
    height: 20px;
    background: rgba(255, 240, 179, 1);
    border-radius: 10px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    text-align: center;
}

.pte_gr_zk_son .pte_gr_zk_son_a {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    margin-left: 12px;
}

.pte_gr_zk_son .pte_gr_zk_son_name {
    width: 468px;
    text-overflow: -o-ellipsis-lastline;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
}

.pte_gr_zk_son>p {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 20px;
    
}

.pte_gr_zk_son_tile {
    margin-left: 74px;
}

.pte_gr_zk_son_tile p {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 17px;
}

.pte_gr_zk_son_tile p:nth-child(2) {
    margin: 0px 12px;
}


/*个人中心--限免课程*/

.pte_gr_rig_2 {
    width: 990px;
    height: 1536px;
    background: rgba(255, 255, 255, 1);
}


/*PTE-弹出层*/

.pte_layer {
    position: relative;
    padding: 50px 50px 33px 50px;
    box-sizing: border-box;
}

.pte_layer_all {
    position: relative;
}

.pte_layer_all_font2 {
    font-size: 20px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 28px;
}

.pte_layer_all_font1 {
    font-size: 28px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 40px;
}

.pte_layer_all_font {
    width: 100%;
    align-items: flex-end;
}

.pte_layer_all_font div {
    position: absolute;
    border-bottom: 3px solid rgba(255, 212, 38, 1);
    border-radius: 2px;
    margin-top: 4px;
    width: 20px;
}

.pte_layer_all input::placeholder {
    font-size: 16px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 24px;
}

.pte_layer_di {
    border-bottom: 1px solid rgba(240, 240, 240, 1);
    padding-bottom: 16px;
}

.pte_layer_dl_img,
.pte_layer_dl_img img {
    width: 15px;
    height: 17px;
}

.pte_layer_dl_img2 {
    position: absolute;
    margin-left: 282px;
}

.pte_layer_dl_img2 img {
    width: 18px;
    height: 12px;
}

.mb40 {
    margin-bottom: 40px;
}

.pte_layer_botton {
    width: 300px;
    height: 48px;
    background: rgba(230, 230, 230, 1);
    border-radius: 25px;
    margin: 40px auto 0;
    font-size: 16px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 48px;
    text-align: center;
}

.pte_layer_dl_img3,
.pte_layer_dl_img3 img {
    width: 14px;
    height: 14px;
}

.pte_layer_dl_fon p {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 14px;
    margin-left: 7px;
    margin-right: 51px;
}

.pte_layer_dl_fon a {
    height: 14px;
    font-size: 14px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 14px;
}

.pte_yzm {
    border-right: 1px solid rgba(204, 204, 204, 1);
    padding-right: 8px;
}

.pte_wjm {
    margin-left: 8px;
}

.pte_layer_dl_fon2 {
    text-align: center;
}

.pte_layer_dl_fon2 p {
    font-size: 14px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 21px;
    margin-bottom: 16px;
}

.pte_layer_dl_fon2 div,
.pte_layer_dl_fon2 div>img {
    width: 42px;
    height: 42px;
    margin: 0 auto;
}

.pte_dc_gb {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
}

.pte_dc_gb img {
    width: 24px;
    height: 24px;
}

.btn_hover {
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    color: rgba(51, 51, 51, 1)
}

.btn_hover:hover {
    background: linear-gradient(135deg, rgba(255, 214, 78, 1) 0%, rgba(255, 189, 38, 1) 100%);
}

.form_err {
    font-size: 12px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: rgba(255, 76, 77, 1);
    line-height: 18px;
    display: none;
}

.err_bor {
    border-bottom: 1px solid rgba(255, 76, 77, 1);
}

.code {
    font-size: 16px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 24px;
    position: absolute;
    right: 0;
}

.pass_err {
    font-size: 12px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 18px;
}

.reset_btn {
    margin: 24px auto 0;
}

.pte_layer_must {
    justify-content: center;
    align-items: center;
}

.pte_layer_must p {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    margin-left: 8px;
}

.pte_layer_must p a {
    color: #3957A6;
}

.pass_e {
    color: #FF4C4D;
}

.code_login {
    margin: 16px auto 0;
}

.code_fon {
    justify-content: flex-end;
}

.code_tips {
    font-size: 12px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 18px;
    text-align: center;
}

.pte_login,
.reset {
    color: #000;
}

.wechat_login_tit {
    font-size: 28px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 40px;
    text-align: center;
}

.we_er {
    text-align: center;
}

.we_er img {
    width: 190px;
    height: 190px;
}

.wechat_login_tips {
    font-size: 13px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    text-align: center;
}

.we_fon {
    justify-content: center;
}


/* 限免课程 */

.free_class {
    width: 990px;
    background: #fff;
}

.free_class .page {
    margin-top: 32px;
}

.all_class_box {
    padding: 30px 30px 0;
    box-sizing: border-box;
}

.class_box {
    flex-wrap: wrap;
}

.earlier {
    position: relative;
    font-size: 30px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 42px;
    align-items: center;
    box-sizing: border-box;
    padding-left: 16px;
}

.earlier>span {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(255, 76, 77, 1);
    line-height: 25px;
    margin-left: 23px;
}

.earlier::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(230, 230, 230, 1);
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.class_box_son {
    width: 210px;
    position: relative;
}

.class_box_son_img {
    width: 210px;
    height: 131px;
    position: relative;
    border-radius: 4px;
}

.class_box_son_img:hover .class_cover {
    display: block;
}

.class_box_son_img:hover img {
    display: block;
}

.class_box_son_img>.class_con {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.class_son_time {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 17px;
}

.class_cover {
    width: 210px;
    height: 131px;
    background: rgba(0, 0, 0, .7);
    border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
}

.go_paly {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.del_class {
    position: absolute;
    top: -10px;
    right: -10px;
}


/* 订单中心 */

.pte_order_tit {
    align-items: center;
    justify-content: space-between;
    padding-bottom: 16px;
    border-bottom: 1px solid #F0F0F0;
}

.pte_order_state {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 20px;
}

.no_pay {
    color: rgba(255, 76, 77, 1);
}

.pte_order_title {
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 25px;
}

.pte_order_son {
    width: 120px;
}

.pte_order_num {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 30px;
}

.pte_order_number {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: #666666;
    line-height: 30px;
}

.pte_order_detail {
    align-items: center;
    justify-content: space-between;
}

.pte_order_detail_r {
    font-size: 20px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 16px;
}

.pte_order_all_btn {
    justify-content: flex-end;
    align-items: center;
}

.pte_order_l_btn {
    padding: 0 16px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border-radius: 21px;
    border: 1px solid rgba(230, 230, 230, 1);
    box-sizing: border-box;
    text-align: center;
    line-height: 32px;
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    cursor: pointer;
}

.pte_order_r_btn {
    padding: 0 16px;
    height: 32px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 21px;
    text-align: center;
    line-height: 32px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
    box-sizing: border-box;
}

.pte_order_last_time {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 12px;
}

#fail {
    width: 300px;
    height: 185px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    padding-top: 16px;
    box-sizing: border-box;
    text-align: center;
}

.fail_tit {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 25px;
}

.fail_detail {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
}

.back_again {
    margin: 32px auto 0;
    width: 180px;
    height: 40px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 20px;
    line-height: 40px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}

.page_mt.page_mt {
    margin-top: 10px;
}

.back_top {
    padding: 20px 30px 90px;
    box-sizing: border-box;
    width: 990px;
    background: #fff;
}

.back_content {
    padding: 30px 40px;
    box-sizing: border-box;
    width: 990px;
    background: #fff;
}

.back_order_num {
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 22px;
    align-items: center;
}

.back_order_num span {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
}

.order_speed {
    width: 930px;
    height: 30px;
    background: rgba(240, 241, 244, 1);
    border-radius: 15px;
    position: relative;
}

.order_speed {
    justify-content: space-between;
    padding: 0 21px;
    box-sizing: border-box;
}

.order_speed_span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: relative;
}

.speed_this {
    background: #fff;
    z-index: 1;
}

.order_ready {
    height: 30px;
    background: rgba(255, 212, 38, 1);
    border-radius: 15px;
    position: absolute;
    left: 0;
    top: 0;
}

.order_speed_detail {
    position: absolute;
    width: 56px;
    top: 45px;
    left: -15px;
}

.order_speed_detail_tit {
    font-size: 14px;
    font-weight: 500;
    color: rgba(153, 153, 153, 1);
    line-height: 20px;
}

.order_speed_detail_time {
    font-size: 11px;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 16px;
}

.speed_this .order_speed_detail_tit {
    color: rgba(51, 51, 51, 1);
    font-weight: 600;
}

.order_speed_span img {
    position: relative;
    z-index: 1;
    margin-top: 3px;
}

.back_cont_tit {
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 25px;
}

.back_cont_det_tit {
    width: 130px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(179, 179, 179, 1);
    line-height: 20px;
}

.back_cont_det_d {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
}

.back_bottom {
    padding: 30px;
    box-sizing: border-box;
    width: 990px;
    background: #fff;
}

.back_bottom_top {
    font-size: 18px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 25px;
}

.back_bottom_top span {
    color: #FF4C4D;
}

.back_bot_tips {
    font-size: 12px;
    color: #CCCCCC;
    line-height: 25px;
}

.two_btn {
    justify-content: flex-end;
    align-items: center;
}

.no_back {
    width: 120px;
    height: 40px;
    background: rgba(240, 240, 240, 1);
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}

.change_back {
    width: 120px;
    height: 40px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}

.drawback {
    padding-bottom: 25px;
    border-bottom: 1px solid #E6E6E6;
}

.drawback_r {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    flex: 1;
}

.layui-form-checkbox[lay-skin="primary"] i {
    border-color: transparent;
    background: #e6e6e6;
}

.check .layui-form-checkbox {
    margin-right: 12px;
}

.layui-form-checked[lay-skin="primary"].layui-form-checked[lay-skin="primary"] i {
    border-color: #FFE302;
    background-color: #FFE302;
    color: #fff;
}

.layui-form-checkbox[lay-skin="primary"].layui-form-checkbox[lay-skin="primary"]:hover i {
    border-color: transparent;
    color: #fff;
}

.check {
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
}

.check_text {
    resize: none;
    width: 774px;
    height: 100px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid rgba(240, 240, 240, 1);
    box-sizing: border-box;
    padding: 10px 12px;
    margin-left: 26px;
}

.must_checked {
    padding: 0;
    border-bottom: none;
}

.back_cont_det_d span,
.drawback_r span {
    color: rgba(51, 51, 51, 1);
}

.sor_tips.sor_tips {
    font-size: 12px;
    color: #CCCCCC;
}

.layui-form-radioed>i,
.layui-form-radio>i:hover {
    color: #FFD426;
}

.class_num {
    width: 40px;
    border-bottom: 1px solid #E6E6E6;
    text-align: center;
    text-indent: 0;
}

.kaolv {
    width: 326px;
    height: 378px;
    background: rgba(255, 255, 255, 1);
    border-radius: 8px;
    box-sizing: border-box;
    padding-top: 15px;
    text-align: center;
}

.kaolv_tips {
    font-size: 18px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 25px;
}

.choose_btn_back {
    width: 138px;
    height: 40px;
    background: rgba(240, 240, 240, 1);
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}

.choose_btn_yes {
    width: 138px;
    height: 40px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}

.person_label {
    width: 106px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
}

.person_inp {
    width: 299px;
    height: 36px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid rgba(230, 230, 230, 1);
    box-sizing: border-box;
    margin-left: 4px;
}

.person_c_r {
    margin-left: 4px;
}

.person_input span {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 20px;
}

.per_son span {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    margin-left: 8px;
}

.sorce {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
}

.sorce span {
    font-size: 12px;
    color: #CCCCCC;
}

.per_son input[type=text] {
    width: 40px;
    border-bottom: 1px solid #E6E6E6;
    text-align: center;
    text-indent: 0;
    box-sizing: border-box;
}

.sorce_tips {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 17px;
}

.must_look {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(204, 204, 204, 1);
    line-height: 17px;
}

.must_look a {
    text-decoration: underline;
    color: #3957A6;
}

.person_time {
    width: 150px;
    height: 36px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    border: 1px solid rgba(230, 230, 230, 1);
    box-sizing: border-box;
    padding: 8px 12px;
}

.person_time input {
    width: 100px;
}

.sub_person {
    width: 299px;
    height: 40px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 19px;
    text-align: center;
    line-height: 40px;
    margin: 80px auto 0;
    cursor: pointer;
}

.must_err.must_err.must_err {
    border-bottom: 1px solid #FF4C4D;
}


/* 支付 */

.pay_mian_son {
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    background: #fff;
}

.pay_mian_tit {
    position: relative;
    padding-left: 15px;
    box-sizing: border-box;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFangSC;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 28px;
}

.pay_mian_tit::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 20px;
    background: rgba(255, 212, 38, 1);
    border-radius: 2px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.person_label span {
    color: #FF4C4D;
}

.pay_mian_infor .layui-select-title {
    width: 200px;
    height: 32px;
}

.pay_mian_infor .layui-edge {
    top: 58%;
}

.pay_mian_title {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 20px;
    width: 135px;
}

.pay_mian_det {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
}

.pay_choose_way {
    padding-bottom: 41px;
    border-bottom: 1px solid #F0F0F0;
}

.pay_choose_way .layui-form-radio {
    margin: 0;
    padding: 0;
}

.need_pay {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    align-items: flex-end;
}

.need_pay span {
    font-size: 28px;
    line-height: 30px;
    color: #FF4C4D;
}

.must_checked a {
    color: #3957A6;
}

.star_pay {
    color: #FF4C4D;
}

.sub_pay {
    width: 120px;
    height: 36px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}

#pay_tips {
    width: 520px;
    height: 320px;
    background: rgba(255, 255, 255, 1);
    border-radius: 12px;
    text-align: center;
    padding-top: 50px;
    box-sizing: border-box;
}

.pay_tips_icon {
    width: 97px;
    height: 97px;
    border-radius: 50%;
    border: 4px solid rgba(255, 76, 77, 1);
    box-sizing: border-box;
    text-align: center;
    font-size: 60px;
    line-height: 90px;
    color: rgba(255, 76, 77, 1);
    margin: 0 auto;
}

.pay_tips_tip {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 22px;
}

.pay_tips_btn {
    margin-top: 36px;
    justify-content: center;
}

.pay_default {
    width: 180px;
    height: 40px;
    background: rgba(240, 240, 240, 1);
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    cursor: pointer;
}

.pay_success {
    width: 180px;
    height: 40px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}


/* 支付成功 */

.person_inp[disabled] {
    background: rgba(250, 250, 250, 1);
}

.success_bottom {
    background: #fff;
    padding-bottom: 20px;
    width: 100%;
    padding-top: 32px;
}

.suc_need {
    justify-content: center;
}

.success_top {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
    width: 100%;
    background: #fff;
}

.success_top_tit {
    font-size: 32px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 45px;
}

.suc_pelase {
    position: relative;
}

.suc_pelase span:first-child {
    text-align: center;
    font-size: 32px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 38px;
    position: relative;
    z-index: 1;
}

.suc_pelase .suc_line {
    position: absolute;
    background: rgba(255, 212, 38, 1);
    width: 192px;
    height: 8px;
    bottom: 0;
    z-index: 0;
}

.suc_pelase_tips {
    text-align: center;
    font-size: 14px;
    line-height: 38px;
    color: #666;
    margin-top: 10px;
}


/* 个人设置 */

.change_phone {
    height: 539px;
}

.new_code {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(57, 87, 166, 1);
    line-height: 20px;
    cursor: pointer;
}

.change_btn,
.pass_btn {
    width: 299px;
    height: 40px;
    background: linear-gradient(135deg, rgba(255, 236, 78, 1) 0%, rgba(255, 212, 38, 1) 100%);
    border-radius: 19px;
    margin-left: 102px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    cursor: pointer;
}


/* 商品详情 */

.pte_dl span {
    color: rgba(0, 0, 0, 1);
}

.top_person_go {
    position: relative;
}

.top_person_go>ul {
    position: absolute;
    display: none;
}

.top_person_go:hover ul {
    z-index: 99;
    display: block;
}

.top_person_go>ul>li {
    background: #fff;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
}

.thing_top {
    background: #fff;
}

.thing_top>img {
    width: 580px;
    height: 365px;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}

.thing_top_r {
    padding: 22px 30px 0;
    box-sizing: border-box;
    flex: 1;
}

.things_name {
    width: 100%;
}

.thing_name {
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFangSC;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    line-height: 33px;
}

.things_name span {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 17px;
}

.things_det {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 20px;
    width: 60px;
}

.things_det>span {
    color: rgba(102, 102, 102, 1);
    width: 48px;
    text-align-last: justify;
}

.things_det_det {
    flex: 1;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
}

.kef>span {
    width: 61px;
    height: 24px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 212, 38, 1);
    box-sizing: border-box;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.things_det_det {
    flex-wrap: wrap;
}

.thing_time {
    width: 245px;
    max-width: 245px;
    height: 32px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(204, 204, 204, 1);
    box-sizing: border-box;
    line-height: 32px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.thing_num {
    color: #999999;
}

.none_class {
    border: 1px dashed rgba(204, 204, 204, 1);
    color: #333333;
}

.have_class {
    cursor: pointer;
}

.have_active {
    border: 1px solid #FF4C4D;
    position: relative;
}

.have_active::after {
    content: '';
    width: 0;
    position: absolute;
    border: 5px solid transparent;
    border-right: 5px solid #FF4C4D;
    border-bottom: 5px solid #FF4C4D;
    right: 0;
    bottom: 0;
}

.buy {
    width: 260px;
    height: 44px;
    background: rgba(255, 255, 255, 1);
    border-radius: 22px;
    border: 1px solid rgba(255, 76, 77, 1);
    text-align: center;
    box-sizing: border-box;
    line-height: 44px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(255, 76, 77, 1);
    cursor: pointer;
}

.buy:hover {
    background: rgba(255, 76, 77, 1);
    color: #fff;
}

.buy_tips {
    font-size: 10px;
    font-family: PingFangSC-Regular, PingFangSC;
    font-weight: 400;
    color: rgba(102, 102, 102, 1);
    line-height: 14px;
}

.buy_tips span {
    color: rgba(255, 76, 77, 1);
}

.minwh130 {
    min-width: 130px;
}